<div>
    <div class="info" v-if="!useBikeData.lock_time">
        <div>
            <dl class="time fl">
                <dt>{{getTimer()}}分钟</dt>
                <dd>骑行时间</dd>
            </dl>
            <dl class="km fl">
                <dt>0.5 公里</dt>
                <dd>骑行里程</dd>
            </dl>
        </div>
        <article>
            <section class="pdTB">
                <aside class="fl">正在用车：</aside>
                <aside class="number fl">{{$route.params.code}}</aside>
            </section>
            <section>
                <aside class="fl">预计费用：</aside>
                <aside class="cost fl">1 元</aside>
            </section>
        </article>
        <section class="renew" @click="useBikeStatus()">关锁后未结费?</section>
    </div>
    <div class="bgW" v-if="useBikeData.lock_time">
        <div class="headerBox">
            <div class="result">
                <p>本次消费</p>
            </div>
            <div class="money">
                <p class="fl"><span class="price1">{{useBikeData.fee_amount}}</span>元</p>
                <h2 class="fl"></h2>
                <h3><span class="price2">{{useBikeData.base_amount}}</span>元</h3>
            </div>
            <p class="offset">其中赠送金额抵扣<span>{{useBikeData.float_amount}}</span>元</p>
            <p class="mileage">骑行里程：<span>{{useBikeData.riding_mileage}}</span>公里&nbsp;&nbsp;&nbsp;&nbsp;骑行时间：<span>{{useBikeData.use_time}}</span>分钟</p>
        </div>
        <div class="footBox">
            <a class="return" @click="$router.push({path:'/index'})">返回首页</a>
            <!--<a class="share">分享行程</a>-->
        </div>
    </div>
</div>